<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="content.css">
</head>
<body>
    <div class="nav">
        <img src="../0.jpg" alt="">
        <span>我的博客系统</span>
        <span class="spacer"></span>
        <a href="blog.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="login.html">注销</a>
    </div>
    <div class="container">
        <div class="container-left">
            <div class="card">
                <img src="../0.jpg" alt="">
                <h3>蔡徐坤</h3>
                <a href="https://gitee.com/dashboard">GitHub地址</a>
                <div class="content">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="count">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <div class="container-right">
            <div class="blog">
                <h3>我的第一篇博客</h3>
                <div class="date">2024-06-28</div>
                <p>从今天起我要好好敲代码.
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut recusandae
                    omnis natus ut! Autem alias
                    ullam sit facilis ipsa dolore, molestiae neque aperiam in a facere dolor
                    mollitia dolorum animi.
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut recusandae
                    omnis natus ut! Autem alias
                    ullam sit facilis ipsa dolore, molestiae neque aperiam in a facere dolor
                    mollitia dolorum animi.
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut recusandae
                    omnis natus ut! Autem alias
                    ullam sit facilis ipsa dolore, molestiae neque aperiam in a facere dolor
                    mollitia dolorum animi.
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium sint
                    accusantium, enim iste
                    corrupti itaque, omnis alias maiores nemo quae rerum deleniti facere
                    officiis iure velit. Blanditiis
                    pariatur delectus perferendis.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium sint
                    accusantium, enim iste
                    corrupti itaque, omnis alias maiores nemo quae rerum deleniti facere
                    officiis iure velit. Blanditiis
                    pariatur delectus perferendis</p>
            </div>
        
        </div>
    </div>
</body>
</html>